<template>
  <div class="order" style="background-color: whitesmoke; height: 800px">
    <!-- 顶部导航 -->
    <itemnavbar />
    <div>
      <van-tabs
        type="line"
        style="position: fixed; top: 60px; bottom: 20px"
        title-active-color="#000"
        title-inactive-color="#fff"
        background="#e4004f"
        color="#fff"
        :ellipsis="false"
        line-height="0px"
        line-width="0"
        id="er"
        v-model="selected"
      >
        <van-tab title="全部" name="all">
          <van-empty description="描述文字" />
        </van-tab>
        <van-tab title="待付款" name="waitpay">
          <van-empty description="描述文字" />
        </van-tab>
        <van-tab title="待发货" name="waitsend">
          <van-empty description="描述文字" />
        </van-tab>
        <van-tab title="待收货" name="waitreceive">
          <van-empty description="描述文字" />
        </van-tab>
        <van-tab title="退货/售后" name="complete">
          <van-empty description="描述文字" />
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
import Itemnavbar from "../components/Itemnavbar.vue";
export default {
  components: { Itemnavbar },
  data() {
    return {
      selected: "all",
    };
  },
  mounted() {
    this.selected = this.$route.params.selected;
  },
};
</script>

<style scoped>
.van-tab__pane,
.van-tab__pane-wrapper {
  margin-top: 15px;
}
#er {
  background-color: white;
  border-radius: 0 0 25px 25px;
  margin: 10px;
}
</style>
